<div class="row">
	<div class="col-sm-12">
	
<form action="<?php echo DOMAIN_NURSERY ?>/role/add" method="post"  id='add_user_submit'>
	<table id="inputs-table" class="table table-striped table-bordered table-hover" >
		<tr>

			<td width="100" align="right"><nobr>
					<strong class="red">*</strong> 角色名称:
				</nobr></td>
			<td>
				<input type="text" name="name" id="data-role-name"
					   value="<?php echo set_value('name')?>" style="width: 30%" maxlength="20" >
				<span class="red" id="data-role-name-error" style="display: inline"><?php echo form_error('name')?></span>
			</td>
		</tr>

		
		<tr>
			<td colspan="2" align="center">
				<button class="btn btn-info btn-sm" type="submit" >提交</button>
			</td>
		</tr>
	</table>
</form>

</div>
</div>

<script type="text/javascript">

	//ajax判断角色名称是否已经存在
	$(document).on('keyup', '#data-role-name', function () {

		var role_name=$('#data-role-name').val();
		var url='<?php echo DOMAIN_MAIN?>/api/npermissions/check_role_name';
		var params={
			role_name:role_name
		};

		$.get(url, params, function (data) {
			if(data.state=='success'){
				var new_dom='角色名称已存在，请重新填写！';
				$("#data-role-name-error").html(new_dom);
				return false;
			}else{
				$("#data-role-name-error").html('');
				return true;
			}

		},'json');



	});

	//鼠标离开用户名输入框时触发
	$(document).on('blur', '#data-role-name', function () {
        var name=$('#data-role-name').val();
		var admin_name_length=name.length;
		if(admin_name_length<1){
			$("#data-role-name-error").html('角色名称不能为空！');
			return false;
		}else{
			var url='<?php echo DOMAIN_MAIN?>/api/npermissions/has_special_character';
			var params={
				name:name
			};

			$.get(url, params, function (data) {
				if(data.state=='success'){
					var new_dom='名称存在非法字符，请重新填写！';
					$("#data-role-name-error").html(new_dom);
					return false;
				}else{
					$("#data-role-name-error").html('');
					return true;
				}

			},'json')
		}

	});
</script>
